<template>
    <div class="help">
        <div class="help-content">
            <ol>
                <li>
                    1、如何注册CodePilot新账户？
                    <p>
                        答：在CodePilot登录入口页面，选择“没有账号，现在注册”，即可进入注册页面。
                        用户需要输入用户名、出生日期、手机号、邮箱号、两次确认密码，方可进行新账户注册操作。
                    </p>
                </li>
                <li>
                    2、如何退出/切换CodePilot账户？
                    <p>
                        答：在CodePilot首页右上角，点击“退出登录”，即可退出账户，回到登录界面，并且可以再次进行登录账户的操作（即切换账户）。
                    </p>
                </li>
                <li>
                    3、如何修改CodePilot账户密码？
                    <p>
                        答：在“CodePilot首页-个人主页-修改密码”处，可以进行修改密码的操作。
                        用户需输入当前密码，以及两次输入符合规则要求的新密码，方可修改成功。
                    </p>
                </li>
                <li>
                    4、如何修改CodePilot账户个人资料？
                    <p>
                        答：在“CodePilot首页-个人主页-个人信息”处，可以进行修改个人资料的操作。
                        可供修改的个人信息包括：头像、用户名、出生日期、职业、邮箱、手机号码。
                    </p>
                </li>
                <li>
                    5、如何查看CodePilot给我个性化推荐的题目？
                    <p>
                        答：在“CodePilot首页-阅览首页”处的“每日一题”、“分类推荐”、“难度推荐”、“热门推荐”，以及“CodePilot首页-推荐中心”处，均可以查看个性化推荐题目。
                    </p>
                </li>
                <li>
                    6、如何查看做题历史记录/已收藏题目？
                    <p>
                        答：
                        历史记录：可以在“CodePilot首页-个人主页-历史记录”处，或者“CodePilot首页-阅览首页-最近做过”处进行查看。
                        已收藏题目：可以在“CodePilot首页-个人主页-收藏题目”处进行查看。
                    </p>
                </li>
                <li>
                    7、如何查看做题情况/做题分析？
                    <p>
                        答：在“CodePilot首页-个人主页-做题情况/做题分析”处，可以查看做题情况/做题分析。
                    </p>
                </li>
            </ol>
        </div>
    </div>
</template>
  
<style lang="scss">
.help {
    width: 100%;
    margin: 40px auto;
    padding: 20px;
    text-align: justify;
    /* 文字左对齐 */
    margin-top: -2%;
    margin-left: -2%;

    .help-content {
        max-width: 1200px;
        margin: 0 auto;
    }

    h1 {
        font-size: 28px;
        color: #333;
        margin-bottom: 20px;
    }

    ol {
        list-style: decimal;
        padding-left: 30px;
    }

    li {
        margin-bottom: 30px;
        font-size: 28px;
        color: #555;
        line-height: 1.5;
    }

    p {
        margin-top: 10px;
        font-size: 24px;
        color: #777;
        line-height: 1.5;
    }
}
</style>  